/* JQM Demos CSS */
.jqm-demos strong {
    font-weight: bold;
}

.jqm-demos img {
    max-width: 100%;
}

/* Page */
body, .jqm-demos {
    background-color: #fefefe;
    font-size: 1.05em;
}

/* Header */
.jqm-header {
    background: #fff;
    border-top: 3px solid #6ABA2F;
    border-bottom: 1px solid #e0e0e0;
    color: #777;
    text-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.jqm-header.ui-header-fixed:not(.ui-fixed-hidden) {
    border-top-width: 4px;
    padding-top: 0;
}

/* Header logo */
.jqm-header h1.jqm-logo {
    font-size: 1em;
    margin: .6em 3.375em;
}

.jqm-header .jqm-logo a {
    display: inline-block;
    text-decoration: none;
    min-height: 40px;
}

.jqm-header .jqm-logo img {
    display: block;
    width: 140px;
    height: auto;
}

.jqm-demos-home .jqm-header .jqm-logo img {
    display: inline-block;
}

/* Header buttons */
.jqm-header > .ui-btn {
    width: 31px;
    height: 31px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.jqm-header > .ui-btn,
.jqm-header.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext {
    top: 1.1em;
}

.jqm-header .jqm-navmenu-link {
    left: 15px;
}

.jqm-header .jqm-search-link {
    right: 15px;
}

.jqm-header > .ui-btn,
.jqm-header > .ui-btn .ui-btn-inner {
    border: none;
    background: none;
}

.jqm-header > .ui-btn,
.jqm-header > .ui-btn .ui-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Custom icons */
.jqm-header > .ui-btn .ui-icon {
    background-image: url(jqm_demo-icons-sd.png);
    background-color: transparent;
    width: 31px;
    height: 31px;
    margin: 0;
}

.jqm-header .jqm-navmenu-link .ui-icon {
    background-position: -3px 50%;
}

.jqm-header .jqm-search-link .ui-icon {
    background-position: -100px -2px;
}

/* Toggle search / close icon */
.jqm-search-toggle .jqm-search-link .ui-icon {
    background-position: -51px -2px;
}

/* Toggle menu bars / close icon on small screens */
@media (max-width:45.9375em) {
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open .jqm-header .jqm-navmenu-link .ui-icon {
        background-position: -51px 50%;
    }
}

/* HD/Retina icon sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-resolution: 200dpi) {
    .jqm-header > .ui-btn .ui-icon {
        background-image: url(jqm_demo-icons-hd.png);
        -webkit-background-size: 131px 31px;
        -moz-background-size: 131px 31px;
        -o-background-size: 131px 31px;
        background-size: 131px 31px;
    }
}

/* Global search */
.jqm-search {
    display: none;
    background: #eee;
    border-top: 1px solid transparent;
    padding: 0 .7em;
}

.jqm-search-toggle .jqm-search {
    display: block;
    border-top: 1px solid #e0e0e0;
}

.jqm-search	> .ui-listview-filter {
    margin: 0 -.3125em;
    padding: 1px 0; /* to resolve Chrome rendering issue (border-bottom not visible */
}

.jqm-demos .jqm-search > .ui-listview-filter .ui-input-search {
    margin: 4px .3125em;
}

.jqm-search > .jqm-list {
    position: absolute;
    right: .7em;
    left: .7em;
    margin-top: 5px;
    z-index: 999;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.ui-panel-animate.ui-panel-content-wrap:not(.ui-panel-content-wrap-closed) .jqm-search > .jqm-list {
    display: none;
}

/* Footer */
.jqm-footer {
    background: none;
    border: none;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}

.jqm-footer p {
    font-size: .8em;
    font-weight: normal;
    margin: .7em 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.jqm-footer .jqm-version {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: .9em;
    margin-left: 1.1em;
}

/* Content */

/* Headings */
.jqm-content > h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 2.4em;
    color: #333;
    clear: both;
}

.jqm-faq .jqm-content > h1 {
    margin-top: -.4em;
    font-size: 1.8em;
}

.jqm-content > h2,
.jqm-content > h3,
.jqm-content > h4,
.jqm-home-welcome h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.6em;
    color: #60a725;
    padding-top: .6em;
    clear: both;
}

.jqm-home-welcome h2 {
    font-size: 1.5em;
    margin-left: .5em;
    margin-top: -.2em;
}

.jqm-home-welcome .jqm-button {
    margin-left: .8em;
    margin-top: -.4em;
}

.jqm-home-welcome .jqm-button .ui-btn-text {
    font-size: 1.1em;
    font-weight: 300;
}

h2.jqm-home-widget {
    font-size: 1.5em;
    margin-left: .6em;
}

.home-pop p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: .5em .5em;
    width: 16em;
}

.home-pop .ui-btn-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.jqm-content > h4 {
    font-size: 1.2em;
}

/* Paragraphs */
.jqm-content > p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.95em;
}

.jqm-content .jqm-intro {
    font-size: 120%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 135%;
    margin-top: -.5em;
    margin-bottom: .5em;
    padding-bottom: 2.6em;
    color: #333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
    border-bottom-color: rgba(0, 0, 0, .1);
}

.jqm-demos-home .jqm-content .jqm-intro {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .9em;
    line-height: 1.4;
    margin: -.8em .8em .5em .8em;
    padding-bottom: .6em;
    border: none;
    color: #555;
}

.jqm-demos-index .jqm-content p.jqm-intro {
    border: none;
}

.jqm-content > ul:not(.ui-listview),
.jqm-content > ul:not(.ui-listview) li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.95em;
    line-height: 1.7;
}

.jqm-content > ul:not(.ui-listview) {
    margin: 1em 0;
    padding-left: 1.3em;
}

/* Code */
.jqm-content pre,
.jqm-content code {
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    background: #e5e5e5;
    background: rgba(0, 0, 0, .05);
    padding: 0 .125em;
}

.jqm-content pre {
    padding: 0 1em 1.2em;
    white-space: pre-wrap;
}

.jqm-content pre > code {
    padding: 0;
    background: none;
    font-size: .8em;
}

/* Links */
.jqm-content > p a.ui-link,
.jqm-content p.jqm-intro a.ui-link {
    font-weight: 400;
    text-decoration: none;
}

.jqm-content > p a.ui-link:hover,
.jqm-content p.jqm-intro a.ui-link:hover {
    text-decoration: underline;
}

/* Buttons */
.jqm-content .jqm-api-link,
.jqm-content .jqm-button,
.jqm-view-source-link .ui-btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.jqm-home-welcome .jqm-button .ui-icon {
    opacity: .6;
}

/* API link */
.jqm-content .jqm-api-link {
    float: right;
    margin-top: .3em;
}

.jqm-content .jqm-api-link .ui-btn-text {
    padding-left: .3em;
    padding-right: .2em;
}

.jqm-content .jqm-api-link .ui-icon {
    opacity: .6;
}

/* Deeplinks */
.jqm-content a.jqm-deeplink {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    display: block;
    text-align: right;
    font-size: 0.8em;
    margin-top: .8em;
    margin-bottom: 1em;
    margin-right: .6em;
    text-decoration: none;
    float: right;
}

.jqm-content p.jqm-intro + a.jqm-deeplink {
    text-align: left;
}

.jqm-content a.jqm-deeplink span {
    width: 18px;
    display: inline-block;
    margin-top: 1px;
    margin-left: 10px;
    float: right;
    opacity: .5;
}

.jqm-content p.jqm-intro + a.jqm-deeplink span {
    float: right;
    margin-left: 10px;
}

.jqm-content a.jqm-open-quicklink-panel {
    margin-top: -3.3em;
}

/* Lists */
.jqm-search .jqm-list {
    font-weight: 400;
    font-size: 0.88em;
}

.jqm-list .ui-li-heading {
    font-weight: 700;
    font-size: .9em;
    color: #07ade0;
    margin-top: .1em;
}

.jqm-list .ui-li-desc {
    font-weight: 300;
    font-size: .8em;
    color: #777;
    margin-bottom: .1em;
}

/* List dividers */
.jqm-list .ui-bar-d {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: .9em;
    padding: .7em 15px;
    background-image: none;
    background-color: #f8f8f8;
    border-color: #e8e8e8;
    color: #60a725;
    text-shadow: none;
}

/* List buttons */
.jqm-list .ui-btn-inner {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 0.95em;
    border-top: none;
}

.jqm-list .ui-btn-up-d,
.jqm-list .ui-btn-hover-d,
.jqm-list .ui-btn-down-d {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    border-color: #eee;
}

.jqm-list .ui-btn-up-d {
    background-color: #fff;
    background-image: none;
}

.jqm-list .ui-btn-hover-d {
    background-color: #f8f8f8;
    background-image: none;
}

.jqm-list .ui-btn-up-d.ui-btn-active,
.jqm-list .ui-btn-hover-d.ui-btn-active,
.jqm-list .ui-btn-down-d.ui-btn-active,
.jqm-list .ui-btn-up-d.ui-focus,
.jqm-list .ui-btn-hover-d.ui-focus,
.jqm-list .ui-btn-down-d.ui-focus {
    border-color: #34bae8;
    background-color: #34bae8;
    background-image: none;
    color: #fff;
    text-shadow: 0 1px 0 #369;
}

.jqm-list .ui-btn-up-d.ui-focus,
.jqm-list .ui-btn-hover-d.ui-focus,
.jqm-list .ui-btn-down-d.ui-focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqm-list .ui-btn-active a.ui-link-inherit,
.jqm-list .ui-btn-active .ui-li-heading,
.jqm-list .ui-btn-active .ui-li-desc,
.jqm-list .ui-focus a.ui-link-inherit,
.jqm-list .ui-focus .ui-li-heading,
.jqm-list .ui-focus .ui-li-desc {
    color: #fff;
}

.jqm-demos .jqm-list .ui-li .ui-btn-text a.ui-link-inherit,
.jqm-demos .jqm-list .ui-li .ui-li-desc {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}

/* ### TEMPORARY ### */
/* padding count bubble position when icon is false needs to be fixed in the framework CSS (some classes shouldn't be added) */
.jqm-list .ui-li-count {
    right: 10px !important;
}

.jqm-demos .jqm-list .ui-btn-icon-right .ui-btn-inner {
    padding-right: 0;
}

.jqm-demos .jqm-list .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit {
    padding-right: 15px;
}

/* ### END ### */

/* List filter */
.jqm-demos-home .jqm-content > .ui-listview-filter,
.jqm-demos-index .jqm-content > .ui-listview-filter {
    margin-top: 0;
    margin-bottom: -.5em;
}

.jqm-demos-home .jqm-content > .ui-listview-filter .ui-input-search,
.jqm-demos-index .jqm-content > .ui-listview-filter .ui-input-search,
.jqm-demos-index .jqm-search-results-wrap > .ui-listview-filter .ui-input-search {
    background-color: #f9f9f9;
    border-color: #e5e5e5;
    border-color: rgba(0, 0, 0, .1);
}

.jqm-demos .jqm-search .ui-listview-filter .ui-input-search {
    background-color: #f9f9f9;
    border-color: #e5e5e5;
    border-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

.jqm-demos-home .jqm-content > .ui-listview-filter .ui-input-search.ui-focus,
.jqm-demos-index .jqm-content > .ui-listview-filter .ui-input-search.ui-focus,
.jqm-demos-index .jqm-search-results-wrap > .ui-listview-filter .ui-input-search.ui-focus {
    background-color: #fff;
    border-color: #34bae8;
    border-color: rgba(52, 186, 232, .2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 9px rgba(52, 186, 232, .3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 9px rgba(52, 186, 232, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 0 9px rgba(52, 186, 232, .2);
}

.jqm-demos .jqm-search .ui-listview-filter .ui-input-search.ui-focus {
    background-color: #fff;
    border-color: #e5e5e5;
    border-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.jqm-demos .jqm-search > .ui-listview-filter .ui-input-text,
.jqm-demos-home .jqm-content > .ui-listview-filter .ui-input-text,
.jqm-demos-index .jqm-content > .ui-listview-filter .ui-input-text,
.jqm-demos-index .jqm-search-results-wrap > .ui-listview-filter .ui-input-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .95em;
}

/* Search results */
.jqm-search .jqm-list {
    background: #fff;
}

.jqm-search-results-highlight {
    color: #07ade0;
    font-weight: 400;
    text-shadow: none;
}

.ui-btn-active .jqm-search-results-highlight,
.ui-focus .jqm-search-results-highlight {
    color: #fff;
    text-shadow: 0 1px 0 #369;
}

.jqm-search .jqm-list .ui-li .ui-btn-text a.ui-link-inherit,
.jqm-search-results-wrap .jqm-list .ui-li .ui-btn-text a.ui-link-inherit {
    padding: .5626em 15px;
    font-weight: 400;
}

.jqm-list .jqm-search-results-keywords {
    padding: 6px 0 0;
    font-size: .8em;
    font-weight: 300;
    color: #999;
}

.jqm-search-results-keywords .jqm-keyword-hash {
    margin-right: .2em;
    margin-left: .2em;
    font-weight: 400;
    color: #aaa;
    font-size: .75em;
    text-transform: uppercase;
}

.ui-btn-active .jqm-search-results-keywords,
.ui-focus .jqm-search-results-keywords,
.ui-btn-active .jqm-search-results-keywords .jqm-keyword-hash,
.ui-focus .jqm-search-results-keywords .jqm-keyword-hash {
    color: #fff;
    text-shadow: 0 1px 0 #369;
    font-weight: 400;
}

.jqm-search .jqm-list .ui-li-count,
.jqm-search-results-wrap .jqm-list .ui-li-count {
    display: none;
}

/* Nav panels */
/* Reveal menu shadow on top of the list items */
.ui-panel-display-reveal {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open {
    -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, .10);
    -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, .10);
    box-shadow: -5px 0 5px rgba(0, 0, 0, .10);
}

/* Responsive */
@media (min-width:46em) {
    /* Header logo */
    .jqm-header h1.jqm-logo {
        text-align: left;
        margin: .8em 0 .8em 5%;
    }

    .jqm-header .jqm-logo a {
        min-height: 57px;
    }

    .jqm-header .jqm-logo img {
        display: block;
        width: 200px;
        height: auto;
    }

    .jqm-demos-home .jqm-header .jqm-logo img {
        display: block;
        width: 240px;
        height: auto;
        padding-left: .7em;
        margin-top: .5em;
        margin-bottom: .6em;
    }

    .jqm-demos-home .jqm-content .jqm-intro {
        line-height: 1.45;
        margin: -.2em .8em .4em .8em;

    }

    /* Header buttons */
    .jqm-header > .ui-btn,
    .jqm-header.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext {
        top: 1.4em;
    }

    .jqm-header .jqm-navmenu-link {
        left: 5%;
        margin-left: 215px;
    }

    .jqm-header .jqm-search-link {
        display: none;
    }

    /* Global nav panel close button (instead of toggle menu bars / close icon on small screens) */
    .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.jqm-header::after,
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open .jqm-header::after {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 8px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-image: url(jqm_demo-icons-sd.png);
        background-position: -33px 50%;
        -webkit-background-size: 85px 20px;
        -moz-background-size: 85px 20px;
        -o-background-size: 85px 20px;
        background-size: 85px 20px;
    }

    /* Global search */
    .ui-panel-animate.ui-panel-content-wrap > .ui-header.jqm-header {
        position: relative;
    }

    .jqm-search,
    .jqm-search-toggle .jqm-search {
        display: block;
        position: absolute;
        top: 1.0875em;
        right: 5%;
        background: none;
        border: none;
    }

    .jqm-demos .jqm-search > .ui-listview-filter .ui-input-search {
        margin: 0;
    }

    .jqm-search > .jqm-list {
        right: .3875em;
        left: auto;
        width: 28em;
    }

    /* Footer */
    .jqm-footer {
        overflow: hidden;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .jqm-footer p {
        margin: 1.5em 0 1.5em 15%;
        float: left;
    }

    .jqm-footer .jqm-version {
        margin: 1.5em 5% 1.5em 0;
        float: right;
        font-weight: 700;
    }

    .jqm-demos-home .jqm-footer p.jqm-version {
        display: none;
    }

    /* Content */
    .jqm-demos .jqm-content {
        padding: 15px 5% 4.5em; /* padding bottom is because of footer position absolute */
    }

    .jqm-demos .jqm-content.jqm-fullwidth {
        padding: 15px;
    }

    .jqm-content > p {
        line-height: 1.5;
    }

    .jqm-demos-home .jqm-content p.jqm-intro {
        font-size: 1.1em;
    }

    /* Homepage */
    .jqm-demos-home .jqm-home-welcome {
        float: left;
        width: 48%;
        padding-right: 6%;
        margin-top: .4em;
    }

    .jqm-demos-home .jqm-home-list {
        float: left;
        width: 45%;
    }

    .jqm-demos-home h2.jqm-home-widget {
        clear: left;
        padding-top: 2em;
    }
}

@media (min-width:60em) {
    /* Header */
    .jqm-header h1.jqm-logo {
        margin-left: 15%;
    }

    .jqm-header .jqm-navmenu-link {
        left: 15%;
    }

    .jqm-search,
    .jqm-search-toggle .jqm-search {
        right: 15%;
    }

    /* Footer */
    .jqm-footer .jqm-version {
        margin-right: 15%;
        margin-left: 15%;
    }

    /* Content */
    .jqm-demos .jqm-content {
        padding-right: 15%;
        padding-left: 15%;
    }
}

/* Global nav panel close button HD/Retina icon */
@media only screen and (min-width:46em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width:46em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width:46em) and (min-resolution: 200dpi) {
    /* global nav panel close button */
    .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.jqm-header::after,
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open .jqm-header::after {
        background-image: url(jqm_demo-icons-hd.png);
    }
}

/* View source */
.jqm-content div[data-demo-html="true"] {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin: 0;
    padding: 1.2em 0;
}

.jqm-content div.jqm-view-source-link {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: .6em 0 0;
    margin: 2.4em 0;
}

.jqm-content div[data-demo-html="true"] + div.jqm-view-source-link {
    margin: 0 0 2.4em;
}

.jqm-content .jqm-view-source-link .ui-btn.ui-mini {
    margin: 0;
}

/* View source popup */
#jqm-view-source-popup.ui-popup-container {
    width: 90%;
    max-width: 1500px;
}

.jqm-view-source .ui-collapsible-set {
    margin: 0;
}

.jqm-view-source .ui-collapsible-heading .ui-btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.jqm-view-source .ui-collapsible-heading .ui-btn-inner {
    padding: .4em;
}

.jqm-view-source .ui-collapsible-content {
    padding: 0;
    overflow: auto;
}

.jqm-view-source .ui-collapsible-content .phpStatus {
    padding: 1em;
}

.jqm-view-source .ui-collapsible-content > div,
.jqm-view-source .ui-collapsible-content .syntaxhighlighter {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.jqm-view-source .ui-collapsible-content::-webkit-scrollbar {
    width: 5px;
}

.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-track {
    background: transparent;
}

.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-thumb {
    background: #435A5F;
    border: solid #222;
    border-width: 12px 2px 12px 0;
    border-bottom-right-radius: 5px;
}

.jqm-view-source .ui-collapsible-content td.code .container > textarea {
    resize: none;
}

/* Swatch F */
.ui-bar-f {
    border: 1px solid #86D641;
    background: #6ABA2F;
    color: #fff;
    text-shadow: 0 1px 1px #335413;
    font-weight: bold;
}

.ui-bar-f,
.ui-bar-f .ui-link-inherit,
.ui-bar-f .ui-link {
    color: #fff;
}

.ui-btn-up-f {
    border: 1px solid #3B6F07;
    background: #56A00E;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #234403;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
    background-image: -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
    background-image: -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
    background-image: linear-gradient(#74b042, #56A00E);
}

.ui-btn-up-f a.ui-link-inherit {
    color: #fff;
}

.ui-btn-hover-f {
    border: 1px solid #3B6F07;
    background: #6EBC1F;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #234403;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
    background-image: -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
    background-image: -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
    background-image: linear-gradient(#8FC963, #6EBC1F);
}

.ui-btn-hover-f a.ui-link-inherit {
    color: #fff;
}

.ui-btn-down-f {
    border: 1px solid #3B6F07;
    background: #3d3d3d;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #234403;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
    background-image: -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
    background-image: -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
    background-image: linear-gradient(#56A00E, #64A234);
}

.ui-btn-down-f a.ui-link-inherit {
    color: #fff;
}

.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
    font-weight: bold;
    text-decoration: none;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 * 
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
    background: none;
    border: 0;
    bottom: auto;
    float: none;
    left: auto;
    height: auto;
    line-height: 18px;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: static;
    right: auto;
    text-align: left;
    top: auto;
    vertical-align: baseline;
    width: auto;
    box-sizing: content-box;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    min-height: inherit;
    min-height: auto;
}

.syntaxhighlighter {
    width: auto;
    margin: 0;
    padding: 1em 0;
    position: relative;
    overflow: auto;
    font-size: 13px;
}

.syntaxhighlighter.source {
    overflow: hidden;
}

.syntaxhighlighter .bold {
    font-weight: bold;
}

.syntaxhighlighter .italic {
    font-style: italic;
}

.syntaxhighlighter .line {
    white-space: pre;
    white-space: pre-wrap;
}

.syntaxhighlighter table {
    width: 100%;
}

.syntaxhighlighter table caption {
    text-align: left;
    padding: .5em 0 0.5em 1em;
}

.syntaxhighlighter table td.code {
    width: 100%;
}

.syntaxhighlighter table td.code .container {
    position: relative;
}

.syntaxhighlighter table td.code .container textarea {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: white;
    padding-left: 1em;
    overflow: hidden;
    white-space: pre;
}

.syntaxhighlighter table td.gutter .line {
    text-align: right;
    padding: 0 0.5em 0 1em;
}

.syntaxhighlighter table td.code .line {
    padding: 0 1em;
}

.syntaxhighlighter.show {
    display: block;
}

.syntaxhighlighter.collapsed table {
    display: none;
}

.syntaxhighlighter .line.alt1 {
    background-color: transparent;
}

.syntaxhighlighter .line.alt2 {
    background-color: transparent;
}

.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
    background-color: #253e5a;
}

.syntaxhighlighter .line.highlighted.number {
    color: #38566f;
}

.syntaxhighlighter table caption {
    color: #d1edff;
}

.syntaxhighlighter .gutter {
    color: #afafaf;
}

.syntaxhighlighter .gutter .line {
    border-right: 3px solid #435a5f;
}

.syntaxhighlighter .gutter .line.highlighted {
    background-color: #435a5f;
    color: #0f192a;
}

.syntaxhighlighter.collapsed {
    overflow: visible;
}

.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
    color: #eee;
}

.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
    color: #5ba1cf;
}

.syntaxhighlighter .string {
    color: #98da31;
}

.syntaxhighlighter .string a {
    color: #1dc116;
}

.syntaxhighlighter .keyword {
    color: #ffae00;
}

.syntaxhighlighter .preprocessor {
    color: #8aa6c1;
}

.syntaxhighlighter .variable {
    color: #ffaa3e;
}

.syntaxhighlighter .value {
    color: #f7e741;
}

.syntaxhighlighter .functions {
    color: #ffaa3e;
}

.syntaxhighlighter .constants {
    color: #e0e8ff;
}

.syntaxhighlighter .script {
    font-weight: bold;
    color: #b43d3d;
    background-color: none;
}

.syntaxhighlighter .color1 {
    color: #8df;
}

.syntaxhighlighter .color1 a {
    color: #f8bb00;
}

.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
    color: white;
}

.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
    color: #ffaa3e;
}

.syntaxhighlighter table td.code {
    cursor: text;
}

.syntaxhighlighter table td.code .container textarea {
    background: #eee;
    white-space: pre;
    white-space: pre-wrap;
}

.syntaxhighlighter ::-moz-selection {
    background-color: #3399ff;
    color: #fff;
    text-shadow: none;
}

.syntaxhighlighter ::-webkit-selection {
    background-color: #3399ff;
    color: #fff;
    text-shadow: none;
}

.syntaxhighlighter ::selection {
    background-color: #3399ff;
    color: #fff;
    text-shadow: none;
}
